<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			let students = []//定义一个数组
			function init(){
				let xhr=new XMLHttpRequest
				xhr.open("GET","stus.xml",false)
				xhr.send()
				let data=xhr.responseXML
				students = data.querySelectorAll("student")//找到stus.xml中的
				
					document.getElementById("sid").value=students[0].getAttribute("sno")//读属性
					document.getElementById("sname").value=students[0].getAttribute("sname")//读属性
				
			}
		</script>
	</head>
	<body onload="init()">
		学号:<input type="text" id="sid"  /><br>
		姓名:<input type="text"   id="sname" />
		<button type="button" >下一个</button>
		<script type="text/javascript">
			let n=1
			document.querySelector("button").onclick =function(){
				n++
				if(n>students.length){
					n=1//表示的是第n个学生,如果表示下标,需要赋n=0
				}
				document.getElementById("sid").value=students[n-1].getAttribute("sno")//读属性
				document.getElementById("sname").value=students[n-1].getAttribute("sname")			
			}
		</script>
	</body>
</html>
